<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>订单详情</title>
<link type="text/css" href="../css/reset.css" rel="stylesheet" />
<link type="text/css" href="../css/public.css" rel="stylesheet" />
<link type="text/css" href="../css/style.css" rel="stylesheet" />
<link type="text/css" href="../css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
<script src="../js/jquery-3.0.0.min.js"></script>
<script src="../js/core.js"></script>
<script src="../js/36.1.0selldingdandaifahuotianxie.js"></script>
</head>
<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
        <a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">订单详情</h1>
    </header>
</div>
<!--订单详情-->
<div class="a_bank_order">
    <!--头部-->
    <ul class="wuliu_fahuo">
        <li class="" id="kuaidier">快递</li>
        <li class="" id="huoyuner">货运</li>
    </ul>
    <div class="m_ddcon1" style="display:none;" id="kuaidisan">
    	<!--快递-->
    	<div class="public-jianxi"></div>
        <ul class="Huoyun">
        	<li class="clearfix zhiweifabu01">
				<label>物流公司</label>
				<span class="xingbie" onclick="wulius()" id="wuliumign">点击选择快递公司</span>
				<div class="payment_time_mask payment_time_mask01" >
	                <div class="pay_ttl">
	                    <h4>选择物流公司</h4>
	                    <span>取消</span>
	                </div>
	                <ul id="shangquan">
	                   
	                </ul>
	            </div>
			</li>
        	
        <!--	<li>
        		<a href="#" class="clearfix">
	        		<label>物流公司</label>
	        		<span onclick="wulius()" id="wuliumign">点击选择快递公司</span>
        		</a>
        		<div class="payment_time_mask payment_time_mask01" >
	                <div class="pay_ttl">
	                    <h4>选择物流公司</h4>
	                    <span>取消</span>
	                </div>
	                <ul id="shangquan">
	                   
	                </ul>
	            </div>
        	</li>-->
        	
        	
        	<li class="clearfix">
        		<label>运单号码</label>
        		<input type="text" id="bianhao"/>
        		<!--<em>
        			<img src="../images/saoyisao.png" />
        		</em>-->
        	</li>
        </ul>
        <div class="mid-width" id="querenfahuos">
        	<input type="button" onclick="querenfahuo2()" value="确认发货" class="public_input" />
        </div>
    </div>
    <div class="m_ddcon1" style="display:none;" id="huoyunsan">
        <!--货运-->
        <div class="public-jianxi"></div>
        <ul class="Huoyun">
        	<li class="clearfix">
        		<label>货运公司</label>
        		<input type="text" placeholder="请输入货运公司名称" id="huoyun"/>
        	</li>
        	<li class="clearfix">
        		<label>运单号码</label>
        		<input type="text" placeholder="请输入运单号码" id="yundanhaoma"/>
        	</li>
        	<li class="clearfix">
        		<label>运单凭证</label>
        		<div class="mm_imgfile" style="width: 76%; float: left;">
        				
		<div class="kaidian_dianpu" style="display: none;">
		<div class="fabu_fengmian">
			<div id="preview22">
	            <img id="imghead22" border=0 src="../images/moren.jpg" />
	        </div>
	        <div class="fabu_file1"><input type="file" id="filess"  /></div>
		</div>
	</div>
	<div class="mm_imgfile">
            <ul class="clearfix">
            	<div id="xiugaiss">
            		
            	</div>
               	<li>
                    <img src="../images/moren.jpg">
                    <input type="file" onchange="previewImage2(this)">
                </li>
            </ul>
        </div>
		            <ul class="clearfix" id="idss">
		               
		            </ul>
		            <p>照片需要体现货运公司名称，单号，收货信息，货物信息</p>
		        </div>
        	</li>
        </ul>
        
        <div class="mid-width" id="huoyunsss">
        	<input type="button" value="确认发货" onclick="querenfahuo()" class="public_input" />
        </div>
        
    </div>
</div>
<script type="text/javascript" src="../js/upload.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
    $(function(){
        // tab切换
        $(function () {
           $('.wuliu_fahuo li').on('click',function(){
                //获得当前被点击的元素索引值
                var Index = $(this).index();
                //给菜单添加选择样式
                $(this).addClass('wuliu_fahuo_curr').siblings().removeClass('wuliu_fahuo_curr');
                //显示对应的div
                $('.a_bank_order').children('div').eq(Index).show().siblings('div').hide();
           
           });
        });
    });
    
    //上传
    


    	
	$(function () {
	    $(".zhiweifabu01>span").click(function () {
	        $("#bg").css({
	            display: "block", height: $(document).height()
	        });
	        var $box = $('.payment_time_mask01');
	        $box.css({
	            display: "block",
	        });
	        $(".zhaopin_zpzw_em1").css("color","#04a6e9");
	        $(".zhiweifabu01 i").addClass("up");
	    });
	    //点击关闭按钮的时候，遮罩层关闭
	    $(".payment_time_mask01 li").on('click',function () {
	        $("#bg,.payment_time_mask01").css("display", "none");
	        $(".zhiweifabu01>span").text($(this).html());
	        $(".zhaopin_zpzw_em1").css("color","#04a6e9");
	        $(".zhiweifabu01 i").removeClass("up").addClass("down");
	    });
	});
    $(".pay_ttl span").on('click',function () {
        $("#bg,.payment_time_mask").css("display", "none");
    });
</script>



<script type="text/javascript">
	       var sun=0;
	$(".mm_imgfile input[type=file]").change(function(){
        var fs = this.files,$t  = $(this);
        $(fs).each(function(){
              var reader = new FileReader();
                reader.readAsDataURL(this);
                sun++;
                reader.onload = function(e) {
                    $t.parent().parent().prepend($('<li><input type="hidden"  class="classa" id="xijietu"/><img src="'+this.result+'"><span data-name="delete" onclick="shanchu(this)"></span></li>'));
                }
        });
    });
    function shanchu(te){
    	//删除+
    	 $(te).closest("li").remove();
    	//$(".youds"+te);
    }
    
</script>

<style>
	.xingbie{
    float: left;
    width: 76%;
    font-size: 14px;
    color: #3173d9;
    height: 44px;
    line-height: 44px;
     }
</style>





</body>
</html>